<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>冷链物流</title>
  <!--  widthmaximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  <style>
  #example2 td{
	border:1px #d2d6de solid;
	text-align:center;
	vertical-align:middle;
  }
  </style>
</head>
<body>

  <div class="container" style="background:#FFFFFF">
	<section class="content-header">
		<div class="col-lg-10">
			<!-- <h2>系统名称</h2> -->
			<ol class="breadcrumb" id="index_breadcrumb">
				<li class="active">
					<i class='fa fa-anchor' style='color:#18a689;'></i>&nbsp;&nbsp;
						<strong>当前位置：档案管理>>用户信息管理</strong>
				</li>
			</ol>
		</div>
		<div class="col-lg-2">
		</div>
	</section>
      <div class="container-fluid">
		<div class="row clearfix col-lg-12">

			<form role="form">

				  <table id="example2" class="table table-bordered table-hover">

					<tbody>
					<tr>
					  <td class="col-lg-2"><label for="companyName">姓名</label></td>
					  <td class="col-lg-4"><input type="text" class="form-control" id="companyName" placeholder="企业名称"></td>
					  <td class="col-lg-2"><label for="companyType">驾照类型</label></td>
					  <td class="col-lg-5">
						  <select class="form-control" >
							<option>option 1</option>
							<option>option 2</option>
							<option>option 3</option>
							<option>option 4</option>
							<option>option 5</option>
						  </select>
					  </td>
					</tr>


					<tr>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-right">查询</button></td>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-left">重置</button></td>
					</tr>
					</tbody>

				  </table>
				</form>

				<button type="submit" class="btn btn-primary btn-lg2">导出</button>
				<button type="submit" class="btn btn-primary btn-lg2" data-toggle="modal" data-target="#personModal">添加</button>
				<button type="submit" class="btn btn-primary btn-lg2">删除</button>
				<table class="table table-bordered" id="table">

				</table>


				<div class="modal fade" id="personModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
					<form role="form">
					  <div class="modal-dialog" style="width:70%">

						  <div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									&times;
								</button>
								<h4 class="modal-title" id="myModalLabel">
									用户信息
								</h4>
							</div>
							<div class="modal-body">
							  基本信息
							  <table id="example2" class="table table-bordered table-hover">

								<tbody>
								<tr>
								  <td><label for="fullName">姓名</label></td>
								  <td><input type="text" class="form-control" id="fullName" placeholder="姓名"></td>
								  <td><label for="sex">性别</label></td>
								  <td>
									<select class="form-control" >
										<option>男</option>
										<option>女</option>
									  </select>
								  </td>
								</tr>
								<tr>
								  <td><label for="id">编号</label></td>
								  <td><input type="text" class="form-control" id="id" placeholder="编号"></td>
								  <td><label for="idNumber">身份证号</label></td>
								  <td><input type="text" class="form-control" id="idNumber" placeholder="身份证号"></td>
								</tr>
								<tr>
								  <td><label for="address">住址</label></td>
								  <td>

									<div style="float:left" class="col-lg-3">
									  <select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
									</div>
									<div style="float:left" >省</div>
									<div style="float:left" class="col-lg-3">
									  <select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
									</div>
									<div style="float:left" >市</div>
									<div style="float:left" class="col-lg-3">
									  <select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
									</div>
									<div style="float:left" >区/县</div>
								  </td>

								  <td colspan="2"><input type="email" class="form-control" id="exampleInputEmail1" placeholder="详细"></td>
								</tr>
								<tr>
								  <td><label for="email">邮箱</label></td>
								  <td><input type="email" class="form-control" id="email" placeholder="邮箱"></td>
								  <td><label for="phone">联系电话</label></td>
								  <td><input type="text" class="form-control" id="phone" placeholder="联系电话"></td>
								</tr>
								<tr>
								  <td><label for="urgentPerson">紧急联系人</label></td>
								  <td><input type="text" class="form-control" id="urgentPerson" placeholder="紧急联系人"></td>
								  <td><label for="urgentPhone">紧急联系电话</label></td>
								  <td><input type="text" class="form-control" id="urgentPhone" placeholder="紧急联系电话"></td>
								</tr>
								<tr>
								  <td><label for="company">单位名称</label></td>
								  <td>
									<select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
								  </td>
								  <td></td>
								  <td></td>
								</tr>
								</tbody>

							  </table>

							  驾照信息
							  <table id="example2" class="table table-bordered table-hover">

								<tbody>
								<tr>
								  <td><label for="drivingLicense">驾照类型</label></td>
								  <td>
									<select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
								  </td>
								  <td><label for="drivingNo">驾照号码</label></td>
								  <td><input type="text" class="form-control" id="drivingNo" placeholder="驾照号码"></td>
								</tr>
								<tr>
								  <td><label for="drivingDate">领取时间</label></td>
								  <td><input size="40" type="text" readonly class="form_datetime" placeholder="领取时间"></td>
								  <td><label for="drivingFile">附件上传</label></td>
								  <td><input type="file" id="exampleInputFile"></td>
								</tr>
								</tbody>
							  </table>
							</div>

							<div class="modal-footer">
								<button type="button" class="btn btn-primary">
									提交更改
								</button>
								<button type="button" class="btn btn-default" data-dismiss="modal">关闭
								</button>
							</div>
						</div>
					</div>
					</form>


			</div>
		</div>
	  </div>
  </div>
  <script type="text/javascript" src="../dagl/js/yhxxgl.js"></script>
</body>
</html>
